<template>
  <h1>V-EL-走马灯组件</h1>
  <el-carousel style="width: 380px;">
    <el-carousel-item >
      <img src="carousel1.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel2.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel3.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel4.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
  </el-carousel>
  <hr>
<!-- trigger="click" 点击对应的指示器才能切换图片  -->
  <el-carousel style="width: 380px;" trigger="click">
    <el-carousel-item >
      <img src="carousel1.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel2.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel3.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel4.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
  </el-carousel>
  <hr>

<!-- type="card" 切换轮播图以卡片形式展示 -->
  <el-carousel style="width: 900px;" type="card">
    <el-carousel-item >
      <img src="carousel1.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel2.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel3.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
    <el-carousel-item>
      <img src="carousel4.jpg" style="width: 100%;height: 100%;">
    </el-carousel-item>
  </el-carousel>
  <hr>


</template>
<script setup>


</script>

<style scoped>

</style>